import React, { Component, Fragment } from 'react';
import { Spin, Row, Col, Card, Input} from 'antd';
import HeaderTab from '@/components/HeaderTab'
import { connect } from 'dva';
import router from 'umi/router';
import styles from './index.less';

class SMS extends Component {
    constructor(props) {
        super(props);
        this.state = {
         
          tabs: [{
            title: '手机短信',
            key: `/${window.storeId}/setting/store/sms`,
            // disabled: true
          }, {
            title: '充值记录',
            key: `/${window.storeId}/setting/store/smsrecharge`
          }],
          
        };
      }
      onTabChange = (id) => {
        this.setState({
          activeId: id
        }, () => {
          router.replace({
            pathname: `${id}`
          })
        });
      }
    render() {
  
        return (
            
            <Fragment>
                {/* <HeaderTab
                _this={this}
                type="slider"
                activeId={this.state.activeId}
                onChange={this.onTabChange}
                tabs={this.state.tabs}
                ></HeaderTab> */}
                <Spin spinning={false}>
                <Card bordered={false} className={styles.SMS}>
                    <Row type="flex" justify="space-between" className="SmsHead">
                        <Col span={8}>
                            <p>已充值数量（条）</p>
                            11,200
                        </Col>
                        <Col span={8}>
                            <p>已使用数量（条）</p>
                            1,000
                        </Col>
                        <Col span={8}>
                            <p>剩余数量（条）<a>充值</a></p>
                            10,200
                        </Col>
                    </Row>
                    <Row>
                        <Col span={6}>手机号</Col>
                        <Col span={8}><Input placeholder=""  /></Col>
                    </Row>
                </Card>
               
                </Spin>
            </Fragment>
          );
    }
}
export default (SMS);
